<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>项目预算</title>
  <link rel="stylesheet" type="text/css" href="assets/css/comm.css" />
  <link rel="stylesheet" type="text/css" href="assets/js/src/css/layui.css" />
  <link rel="stylesheet" type="text/css" href="assets/css/navigation.css" />
  <link rel="stylesheet" type="text/css" href="assets/css/projectBudget.css">
</head>

<body>
  <div class="container">
    <div class="navigation before">
    </div>
    <div class="content">
      <header class="">
        <div class="left">
          <div class="">
            <h2>项目预算</h2>
            <div class="">
              <a href="DSS-index.html">DSS首页</a> - <span>项目预算</span>
            </div>
          </div>
        </div>
        <div class="right">
          <div class="search">
            <div class="year">
              <p>时间：</p>
              <input type="text" name="" id="year" value="" />
            </div>
            <div class="section">
              <p>部门：</p>
              <div class="sector">
                <div class="">
                  <span></span>
                </div>
              </div>
              <div class="options">
                <div class="all">
                  <i></i>
                  <p>全所</p>
                </div>
              </div>
            </div>
          </div>
          <time></time>
          <div class="menu">
            <a class="goBack" href="javascript:goFront();">前往后台</a>
            <div class="user">
              <p>A</p>
              <div class="">
                <a href="change-password.html">修改密码</a>
                <a href="login.html">退出登录</a>
              </div>
            </div>
          </div>
        </div>
      </header>
      <div class="wrapper">
        <div class="top">
          <div style="display: flex;">
            <div class="top-bg" style="border: 2px solid #165DFF ; background-color: #E8EFFF;">
              <img src="assets/images/index/icon_buget@2x_plus.png" alt="本月成本预算">
            </div>
            <div class="top-name">
              <span>本月项目收款</span>
              <p><span class="shoukuan"> </span> 万元</p>
            </div>
          </div>
          <div style="display: flex;">
            <div class="top-bg" style="border: 2px solid #F7BA1E; background-color: #FEF8E8;">
              <img src="assets/images/index/icon_Income@2x_plus.png" alt="本月项目收款">
            </div>
            <div class="top-name">
              <span>本月成本预算</span>
              <p><span class="yusuan"> </span> 万元</p>
            </div>
          </div>
          <div style="display: flex; margin-right: 0;">
            <div class="top-bg" style="border: 2px solid #20C997; background-color:#E9FAF5;">
              <img src="assets/images/index/icon_expend@2x_plus.png" alt="本月成本支出">
            </div>
            <div class="top-name">
              <span>本月成本支出</span>
              <p><span class="zhichu"> </span> 万元</p>
            </div>
          </div>

        </div>
        <div class="middle">
          <div style="margin-right: 16px;">
            <div style="display: flex;justify-content: space-between;">
              <h2>项目成本预算执行情况｜类别对比</h2>
              <a href="classesContrast.html">
                <img style="width: 18px;height: 18px;" src="assets/images/index/icon_arrow@2x.png" alt="类别对比">
              </a>

            </div>
            <div id="leibie"></div>
          </div>
          <div>
            <div style="display: flex;justify-content: space-between;">
              <h2> 项目成本预算执行情况</h2>
              <a href="costComposition.html">
                <img style="width: 18px;height: 18px;" src="assets/images/index/icon_arrow@2x.png" alt="成本组成">
              </a>
            </div>
            <div id="leiji"></div>
          </div>
        </div>
        <div class="bottom" style="margin-bottom: 0;">
          <div style="display: flex;justify-content: space-between;">
            <h2>各事业部项目成本预算执行情况</h2>
            <a href="BUcontrast.html">
              <img style="width: 18px;height: 18px;" src="assets/images/index/icon_arrow@2x.png" alt="各事业部对比">
            </a>
          </div>
          <div id="all"></div>
        </div>
      </div>
    </div>
  </div>
  <script src="assets/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="assets/js/http/api.js" type="text/javascript" charset="utf-8"></script>
  <script src="assets/js/test.js" type="text/javascript" charset="utf-8"></script>
  <script src="assets/js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="assets/js/src/layui.js" type="text/javascript" charset="utf-8"></script>
  <script src="assets/js/navigation.js" type="text/javascript" charset="utf-8"></script>
  <script src="assets/plugins/chartlib.js" type="text/javascript"></script>
  <script src="assets/js/projectBudget.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>